<template>
    <view style="height: 100%">
		<view v-if="info != '' && info.title == '详情页通知'">
			<image style="width:100%" mode="widthFix" show-menu-by-longpress="true" src="https://cdn.xtwaixie.com/uploads/20241016/1729044011670f1e2bc6c9a.jpg"/>
		</view>
        <view v-else>
			<rich-text :nodes="content" class="content1 db pd15"></rich-text>
		</view>
    </view>
</template>

<script>
import http from '../../utils/http';
export default {
    data() {
        return {
            content: '',
            id: '',
			info:''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {
        this.setData({
            id: options.id
        });
        this.getContent();
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        getContent() {
            http.request('base/bannerInfo', {
                id: this.id
            })
                .then((res) => {
					this.info = res.data
                    let content = res.data.content.replace(/<img/g, '<img class="rich-text-img"');
                    this.setData({
                        content: content
                    });
                })
                .catch((res) => {
                    console.log(res);
                });
        }
    }
};
</script>
<style>
@import './content.css';
</style>
